<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>carSeries</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.js"></script>
    <link rel="stylesheet" href="carSeries.css">
    <script src="carSeries.js"></script>
    <script src="js/all.js"></script>
    <script src="js/search.js"></script>
    <script src="js/editbrand.js"></script>
</head>

<body>
    <div class="series">
        <!-- 面包屑 -->
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="carSeries.html">品牌</a></li>
            </ol>
        </nav>
    </div>
    <!-- 内容 -->
    <div class="contents">
        <!-- 搜索栏 -->
        <div class="search">
            <div class="check">
                <form class="bs-example bs-example-form" role="form">
                    <div class="input-group">
                        <span class="input-group-addon">名称</span>
                        <input id ="name" type="text" class="form-control" placeholder="name">
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">首字母</span>
                        <input id="prefix" type="text" class="form-control" placeholder="AB">
                    </div>
                    <!-- 新增 -->
                    <button type="button" class="btn btn-warning btn-sm add" onclick="addBrand()">
                        新增品牌 <span class="glyphicon glyphicon-pencil"></span>
                    </button>
                    <button type="button" class="btn btn-warning btn-sm" id="search" onclick="searchPre()" >
                        搜索 <span class="glyphicon glyphicon-search"></span>
                    </button>
                </form>
            </div>
            <!-- 表格 -->
            <table class="table table-bordered table-hover" id="table"></table>
            <!-- 分页 -->
            <div class="paging" id="pageAll">
                <nav aria-label="paging">
                    <ul id='cutpage' class="pagination proposal-list">
                            <li class="page-item">
                                    <!-- 当时第一页的时候显示首页，第二页开始显示上一页 -->
                                  <span class="page-link"><a href="#">首页</a></span>
                                </li>
                                <li class="page-item">
                                      <!-- 当时第一页的时候显示首页，第二页开始显示上一页 -->
                                    <span class="page-link page_prev"><a >上一页</a></span>
                                  </li>
                                  <li class="page-item">
                                   <!-- 总数 -->
                                  <span class="page-link" id="total"><a>共多少个</a></span>
                                </li>
                                <li class="page-item">
                                    <!-- 显示总页数 -->
                                  <span class="page-link" id="totalPage"><a>页</a></span>
                                </li>
                                <li class="page-item">
                                    <!-- 当前页 -->
                                  <span class="page-link" id="currentPage"><a>页</a></span>
                                </li>
                                <li class="page-item">
                                  <a class="page-link page_next" >下一页</a>
                                </li>
                    </ul>
                </nav>
            </div>
            <!-- 搜索分页 -->
            <div class="paging" id="pageSearch">
                <nav aria-label="paging">
                    <ul id='pageSe' class="pagination proposal-list">
                                <li class="page-item">
                                      <!-- 当时第一页的时候显示首页，第二页开始显示上一页 -->
                                    <span class="page-link page_prevs"><a >上一页</a></span>
                                  </li>
                                  <li class="page-item">
                                   <!-- 总数 -->
                                  <span class="page-link" id="totals"><a>共多少个</a></span>
                                </li>
                                <li class="page-item">
                                    <!-- 显示总页数 -->
                                  <span class="page-link" id="totalPages"><a>页</a></span>
                                </li>
                                <li class="page-item">
                                    <!-- 当前页 -->
                                  <span class="page-link" id="currentPages"><a>页</a></span>
                                </li>
                                <li class="page-item">
                                  <a class="page-link page_nexts" >下一页</a>
                                </li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- 隐藏编辑 -->
        <div class="edit">
            <form  class="form-inline">
                <div class="form-group">
                    <span>*</span><label for="usr"> 品 牌 名 称 :</label>
                    <input type="text" class="form-control" id="carName" placeholder="爱雷德">
                    <!-- 首字母 -->
                    <span id="Initials">*</span><label for="usr"> 拼 音 首 字 母 :</label>
                    <input type="text" class="form-control" id="dealer_id" placeholder="拼音首字母">
                    <!-- 影藏brandid -->
                    <input type="hidden" class="form-control" id="brandid">
                    <!-- 保存返回按钮 -->
                    <button type="button" class="btn btn-primary" onclick="saveBrand()">保存</button>
                    <button type="button" class="btn btn-primary" onclick="backBrand()">返回</button>
                </div>
            </form>
        </div>
        <!-- 隐藏添加 -->
        <div class="editAdd">
                <form  class="form-inline">
                    <div class="form-group">
                        <span>*</span><label for="usr"> 品 牌 名 称 :</label>
                        <input type="text" class="form-control" id="addbrandName" placeholder="添加为空值，不获取">
                        <!-- 首字母 -->
                        <span id="Initials">*</span><label for="usr"> 拼 音 首 字 母 :</label>
                        <select name="dealer_id" id="selectOption" class="selectpicker show-tick form-control"
                            data-width="98%" data-first-option="false" title='拼音首字母' required data-live-search="true">
                    </select>
                        <!-- 保存返回按钮 -->
                        <button type="button" class="btn btn-primary" onclick="addsaveBrand()" >保存</button>
                        <button type="button" class="btn btn-primary" onclick="addBack()">返回</button>
                    </div>
                </form>
            </div>
        </div>
        <!-- 模态框 -->
        <!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    admin.52carlife.com显示
                </h4>
            </div>
            <div class="modal-body">
                <span id="modal-input">确认停用</span>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button id="btn_ok" type="button" class="btn btn-primary">
                    提交更改
                </button>
            </div>
        </div>
    </div>
</div>
</body>
</html>